<template>
<div class="right-header">
    <a-breadcrumb separator=">">
        <a-breadcrumb-item>
                <FileOutlined /><span style="margin-left: 5px;">{{ sketchRuleState.canvasOpts.canvasName }}</span>
        </a-breadcrumb-item>
        <a-breadcrumb-item v-if="cpnName">
            {{ cpnName }}
        </a-breadcrumb-item>
    </a-breadcrumb>
</div>
</template>
<script setup>
import { FileOutlined } from "@ant-design/icons-vue";
import { storeToRefs } from "pinia";
import { useSketchRuleStore } from "@/stores/sketchRule";
const sketchRuleStore = useSketchRuleStore();
const { sketchRuleState } = storeToRefs(sketchRuleStore);
let props = defineProps({ 
    cpnName: {
        type: String,
        default: ''
    }
})
</script>
<style scoped lang='less'>
</style>
